<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Vimic</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	
	<link href="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css"/>
	<script src="jquery.mobile-1.1.1/jquery-1.6.2.min.js" type='text/javascript'></script>
	<script src="jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js" type='text/javascript'></script>
	<script src="jqm-docs.js"></script>
	<script type="text/javascript">
	</script>
	<script src="oneFile_test.js" type='text/javascript'></script>
	
	<script type='text/javascript'>	
		
			
	</script>
	
	
	<style type="text/css">
	.align-text
	{
		text-align:center;	
		font-weight:normal;
		font-size: small;		
	}
	
	a:link {text-decoration:none;}
	a:visited {text-decoration:none;}
	a:hover {text-decoration:none;}
	a:active {text-decoration:none;}

	img.center
	{  
		display: block;  
		margin-left: auto;  
		margin-right: auto; 
	}
	.head_score {
		width: 99.5%;
		height: 22px;
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		background-color: gainsboro;
	}
	.head_gold {
		width: 99.5%;
		height: 22px;
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		background-color: gainsboro;
		border-top: solid 1px green;
	}
	</style>
	
</head> 
<body>    
	<!-- Home Page -->
	
	<div class="ui-loader ui-body-a ui-corner-all"> . . loading script here .... </div>
	
	<div data-role="page" id="home">
		<div data-role="header" data-theme="b">
			<h1>Vimic</h1>
		</div>
		<div data-role="content">
			<!--<img src="" id="splash"/>-->
		</div>		
		<div data-role="footer" data-theme="b" data-position="fixed">
		</div>
	</div>
	<!-- Display content html -->
	<div data-role="page" id="display">
		<div data-role="header" data-theme="b">
			<h1></h1>
		</div>
		<div data-role="content">
		</div>
		<div data-role="footer" data-theme="b" data-position="fixed">
		</div>
	</div>
	
	<!-- Display content html -->
	<div data-role="page" id="viewImage">
		<div data-role="header" data-theme="b"">	
			<h1></h1>
		</div>
		<div data-role="content">
			<img src ="" id="MainImg"/>
		</div>
	</div>
	
	<div id="category-items" data-role="page" data-url="category-items">
		<div data-role="header"><h1></h1></div>
		<div data-role="content"></div>		
	</div>

	<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
		<span class="ui-icon ui-icon-loading"></span>
		<h1>loading</h1>
	</div>
		
	<!-- Loading page -->
</body>
</html>
